<p:dialog xmlns="http://www.w3.org/1999/xhtml"
      	  xmlns:h="http://java.sun.com/jsf/html"
      	  xmlns:f="http://java.sun.com/jsf/core"
      	  xmlns:ui="http://java.sun.com/jsf/facelets"
      	  xmlns:p="http://primefaces.org/ui"
      	  modal="true"  resizable="true" width="30%"
		  widgetVar="dialogConsultarCidade" id="idDialogConsultarCidade" closable="true"
		  appendTo="@(body)" header="Consultar Cidade"> 	
  	
<h:form id="formDialogConsultarCidade" prependId="false">
<h:panelGroup id="pgDialogConsultarCidade">

 	<p:messages id="messagesMatriculaConsultarCidade" autoUpdate="true" closable="true" showDetail="true"/> 
    	<h:panelGrid columns="4" style="text-align:center; margin-top:20px; margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Cidade" styleClass="outputLabel"/> 
            <h:outputLabel /> 
            <h:outputLabel /> 
            <p:inputText value="#{matriculaBean.cidade.idCidade}" styleClass="inputId">
            	<p:ajax listener="#{matriculaBean.ajaxGet}" />
            </p:inputText>  
  			<p:inputText value="#{matriculaBean.cidade.descricao}" styleClass="inputText">
  				<p:ajax listener="#{matriculaBean.ajaxGet}" />
            </p:inputText>   
  			<p:commandButton value="Consultar" actionListener="#{matriculaBean.findCidade}" update="dataTableCidade" process="@this" styleClass="commandButton"/> 
  			<p:commandButton value="Novo" actionListener="#{matriculaBean.openDialogManterCidade}" process="@this" styleClass="commandButton"/>
        </h:panelGrid>  
    <p:dataTable id="dataTableCidade" var="Cidade" value="#{matriculaBean.dmCidade}"  
    			 rowKey="#{Cidade.idCidade}"  selectionMode="single"
    			 style="padding-top:20px;" paginator="true" rows="10" >      
		<p:column sortBy="#{Cidade.idCidade}" style="width:6%; text-align:center">  
            <f:facet name="header">  
                <h:outputText value="Código" />  
            </f:facet>  
            <h:outputText value="#{Cidade.idCidade}" />  
        </p:column>  
  
        <p:column sortBy="#{Cidade.descricao}">  
            <f:facet name="header">  
                <h:outputText value="Cidade" />  
            </f:facet>  
            <h:outputText value="#{Cidade.descricao}" />  
        </p:column>  
       
        <p:column style="width:4%; text-align:center">  
            <f:facet name="header">  
                <h:outputText value="DDD" />  
            </f:facet>  
            <h:outputText value="#{Cidade.ddd}" />  
        </p:column>  
        
        <p:column style="width:4%; text-align:center">  
        	<f:facet name="header">
        	 <h:outputText value="Selecionar" />
        	</f:facet>
         	<p:commandButton id="selectButtonEditar" actionListener="#{matriculaBean.selectCidade}" process="@this"  icon="ui-icon-circle-plus" title="Add" />
        </p:column> 
    </p:dataTable>   
 </h:panelGroup>
 </h:form>
 <ui:include src="/view/matricula/dialogManterCidade.xhtml"></ui:include>
</p:dialog>
